<template>
  <section class="label-content">
    <p
      class="label"
      :style="{
        fontSize: params.fontSize || '16px',
        color: params.color || '#333',
      }"
    >
      {{ params.label }}
    </p>
    <template v-if="params.rightSlot">
      <component :is="params.rightSlot" />
    </template>
  </section>
</template>

<script setup>
const props = defineProps(['params', 'modelValue', 'formParams'])
</script>

<style scoped>
.label-content {
  display: flex;
  justify-content: space-between;
  background: #fff;
  align-items: center;
  padding: 0 16px;
  p {
    margin: 0;
  }
}
.label {
  line-height: 44px;
  font-size: 16px;
}
</style>
